/<template>
  <div>
    <!-- <h1>首页</h1> -->
    <header>
      <input type="text" placeholder="请输入关键字">
    </header>
    <main>
      <Nav></Nav>
      <Classfy></Classfy>
      <Banner></Banner>
      <GoodList></GoodList>
    </main>
  </div>
</template>

<script>
import Nav from "../../components/Nav.vue";
import Banner from "../../components/Banner.vue";
import Classfy from "../../components/Classfy.vue";
import GoodList from "../../components/GoodList.vue";
export default {
  components: {
    Nav,
    Banner,
    Classfy,
    GoodList
  },
    methods:{
      toSearch()
      {
        this.$router.push("/search");
      },
      toGoods()
      {
        this.$router.push("/goods");
      },
      toDetail()
      {
        this.$router.push("/goodsDetail");
      }
    }
}
</script>

<style lang="scss">
*{
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
header{
  width: 100%;
  height: 50px;
}
main{
  flex: 1;
}
</style>